<template>
  <u-cell-group>
    <u-cell :border="false" :title="title">
      <view slot="title" class="title"
        >{{ title }}
        <image
          v-if="title === '排行榜'"
          class="top"
          src="@/static//svg/TOP10.jpg"
      /></view>
      <!-- <view slot="value" class="like-more"
        >更多<u-icon name="arrow-right" bold color="#999999" size="10"></u-icon
      ></view> -->
    </u-cell>
  </u-cell-group>
</template>

<script>
export default {
  options: { styleIsolation: 'shared' },
  props: {
    title: {
      type: String,
      required: true,
    },
  },
  data() {
    return {}
  },
  methods: {},
}
</script>
<style lang="scss" scoped>
.title {
  font-size: 36rpx;
  font-weight: 700;
  .top {
    width: 143rpx;
    height: 34rpx;
    padding: 0 0 10rpx 6rpx;
    vertical-align: middle;
  }
}
.like-more {
  width: 80rpx;
  height: 24rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
  line-height: 24rpx;
  display: flex;
  ::v-deep {
    .uicon-arrow-right {
      margin-left: 5rpx;
    }
  }
}
</style>
